import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Image, 
  ImageBackground,TouchableOpacity,
  Easing,Dimensions,TextInput
} from 'react-native';
const {height, width} = Dimensions.get('window');

export default class MyButton extends Component{
  render(){
    return(
      <TouchableOpacity style={[styles.btn,this.props.btnStyle]} activeOpacity={0.6} onPress={this.props.press}>
        <Text style={[styles.btnText,this.props.textStyle]}>{this.props.text}</Text>
      </TouchableOpacity>
    )
  }
}
const styles = StyleSheet.create({
  btnText:{
    color:'white',
    fontSize:16,
    fontWeight:'bold',
  },
  btn:{
    justifyContent: 'center',
    alignItems: 'center',
    marginTop:20,
    marginLeft:40,
    marginRight:40,
    backgroundColor:'#2596ff',
    height:40,
    borderRadius:18,
  },
  
})